article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
}
a {
  background: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
html {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
q,
blockquote {
  quotes: none;
}
q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
  content: none;
}
a img {
  border: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
a {
  text-decoration: none;
}
.container {
  padding: 0rem 0.88888889rem 0rem 0.88888889rem;
}
button {
  background: none;
  outline: none;
  border: none;
}
input {
  border: none;
  outline: none;
  background: none;
}
.home-page .header {
  overflow: hidden;
  position: fixed;
  z-index: 99999999999999;
  top: 0.64rem;
  left: 1.49333333rem;
}
.home-page .header .menu,
.home-page .header .scanning,
.home-page .header .search,
.home-page .header .message {
  display: block;
  float: left;
}
.home-page .header .menu {
  width: 1.95555556rem;
  height: 1.84888889rem;
  background: url("../img/home_01.png") no-repeat center;
  background-size: 1.95555556rem, 1.84888889rem;
  margin-right: 1.13777778rem;
}
.home-page .header .scanning {
  width: 2.16888889rem;
  height: 2.02666667rem;
  background: url("../img/home_02.png") no-repeat center;
  background-size: 2.16888889rem, 2.02666667rem;
  margin-right: 1.20888889rem;
}
.home-page .header .search-span:after {
  content: '';
  display: block;
  position: absolute;
  height: 1.13777778rem;
  width: 1.06666667rem;
  left: 17.42222222rem;
  top: 0.35555556rem;
  background-image: url('../img/home_21.png');
  background-size: 1.06666667rem, 1.13777778rem;
  z-index: 1000;
}
.home-page .header .search {
  position: relative;
  width: 11.91111111rem;
  height: 1.70666667rem;
  line-height: 1.70666667rem;
  color: #8e8b8b;
  font-size: 0.85333333rem;
  padding-left: 0.42666667rem;
  padding-right: 0.78222222rem;
  margin-right: 1.13777778rem;
  border-radius: 0.78222222rem;
  background: rgba(255, 255, 255, 0.73);
}
.home-page .header .search::placeholder {
  color: #8e8b8b;
}
.home-page .header .message {
  width: 2.16888889rem;
  height: 1.99111111rem;
  background: url("../img/home_03.png") no-repeat center;
  background-size: 2.16888889rem, 1.99111111rem;
}
.home-page .banner img {
  width: 26.66666667rem;
  height: 14.86222222rem;
}
.home-page .nav {
  padding-left: 0.71111111rem;
  padding-right: 0.71111111rem;
  margin-top: 0.96rem;
  overflow: hidden;
}
.home-page .nav li {
  float: left;
  margin-left: 1.49333333rem;
  margin-right: 1.49333333rem;
}
.home-page .nav li:first-child {
  margin-left: 0.99555556rem;
}
.home-page .nav li:last-child {
  margin-right: 0.99555556rem;
}
.home-page .nav li a {
  line-height: 1.74222222rem;
  color: #898989;
  font-size: 0.85333333rem;
  display: block;
  text-align: center;
}
.home-page .nav li a img {
  width: 3.12888889rem;
  height: 3.12888889rem;
  margin: 0 auto;
  display: block;
}
.home-page .nav li a img span {
  display: block;
}
.home-page .title {
  position: relative;
  overflow: hidden;
  padding-right: 0.71111111rem;
  padding-left: 0.71111111rem;
  line-height: 2.59555556rem;
}
.home-page .title:after,
.home-page .title:before {
  content: '';
  position: absolute;
  background: #a0a0a0;
  height: 0.03555556rem;
  display: block;
}
.home-page .title:after {
  bottom: 0.07111111rem;
  width: 25.24444444rem;
  left: 0.71111111rem;
}
.home-page .title:before {
  top: 0rem;
  width: 100%;
  left: 0rem;
}
.home-page .title h5 {
  line-height: 2.59555556rem;
  float: left;
  font-size: 1.20888889rem;
  color: #ff0000;
  padding-left: 0.35555556rem;
  position: relative;
}
.home-page .title h5:after {
  content: '';
  width: 0.14222222rem;
  height: 1.77777778rem;
  display: block;
  position: absolute;
  top: 0.32rem;
  left: 0rem;
  background: #ff0000;
}
.home-page .title .more {
  float: right;
  font-size: 0.85333333rem;
  color: #464646;
  display: block;
  line-height: 2.59555556rem;
}
.home-page .new {
  padding-right: 0.17777778rem;
  padding-left: 0.17777778rem;
  padding-bottom: 0.71111111rem;
  overflow: hidden;
}
.home-page .new li {
  width: 8.53333333rem;
  margin-top: 0.78222222rem;
  margin-bottom: 0.17777778rem;
  float: left;
}
.home-page .new li img {
  display: block;
  margin: 0 auto;
  width: 8.53333333rem;
  height: 9.20888889rem;
}
.home-page .new li .introduce {
  width: 8.53333333rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 0.85333333rem;
  line-height: 0.99555556rem;
  padding-top: 0.21333333rem;
  color: #464646;
}
.home-page .new li:nth-of-type(2),
.home-page .new li:nth-of-type(5) {
  margin-left: 0.32rem;
  margin-right: 0.32rem;
}
.home-page .hot {
  padding-right: 0.17777778rem;
  padding-left: 0.17777778rem;
  padding-bottom: 1.06666667rem;
  padding-top: 0.71111111rem;
  overflow: hidden;
}
.home-page .hot li {
  width: 12.8rem;
  float: left;
}
.home-page .hot li .pic {
  width: 12.8rem;
  height: 17.77777778rem;
  position: relative;
}
.home-page .hot li .pic img {
  width: 12.8rem;
  height: 17.77777778rem;
}
.home-page .hot li .pic .info {
  position: absolute;
  right: 0rem;
  bottom: 0rem;
  width: 6.22222222rem;
  height: 1.17333333rem;
  line-height: 1.17333333rem;
  text-align: center;
}
.home-page .hot li .pic .info .text {
  width: 2.73777778rem;
  height: 1.10222222rem;
  line-height: 1.10222222rem;
  float: left;
  color: #464646;
  font-size: 0.85333333rem;
  background: #fff;
  box-sizing: border-box;
  border: 1px dashed #ff0000;
  border-right: none;
}
.home-page .hot li .pic .info .price {
  float: left;
  width: 3.48444444rem;
  background: #ff0000;
  color: #ffffff;
  font-size: 0.85333333rem;
}
.home-page .hot li .introduce {
  width: 10.66666667rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 0.85333333rem;
  line-height: 1.06666667rem;
  padding-left: 0.35555556rem;
  color: #464646;
}
.home-page .hot li:first-child {
  margin-right: 0.64rem;
}
.home-page .hot li:last-child {
  margin-top: 0.24888889rem;
}
.home-page .hot li:last-child .pic {
  width: 26.31111111rem;
  height: 9.52888889rem;
  position: relative;
}
.home-page .hot li:last-child .pic img {
  width: 26.31111111rem;
  height: 9.52888889rem;
}
.home-page .hot li:last-child .pic .info {
  position: absolute;
  right: 0rem;
  bottom: 0rem;
  width: 6.22222222rem;
  height: 1.17333333rem;
  line-height: 1.17333333rem;
  text-align: center;
}
.home-page .hot li:last-child .pic .info .text {
  width: 2.73777778rem;
  height: 1.10222222rem;
  line-height: 1.10222222rem;
  float: left;
  color: #464646;
  font-size: 0.85333333rem;
  background: #fff;
  box-sizing: border-box;
  border: 1px dashed #ff0000;
  border-right: none;
}
.home-page .hot li:last-child .pic .info .price {
  float: left;
  width: 3.48444444rem;
  background: #ff0000;
  color: #ffffff;
  font-size: 0.85333333rem;
}
.home-page .hot li:last-child .introduce {
  width: 26.31111111rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-size: 0.85333333rem;
  line-height: 1.77777778rem;
  color: #464646;
}
.home-page .special-offer {
  margin-top: 0.81777778rem;
  padding-right: 0.17777778rem;
  padding-left: 0.17777778rem;
  margin-bottom: 4.26666667rem;
  overflow: hidden;
}
.home-page .special-offer .left {
  float: left;
}
.home-page .special-offer .left li {
  background: no-repeat 2px;
  position: relative;
  width: 5.79555556rem;
  padding-left: 7.82222222rem;
  height: 11.30666667rem;
  border: 1px solid #959595;
  margin-bottom: 0.53333333rem;
}
.home-page .special-offer .left li:first-child {
  background-size: 8.88888889rem, 8.88888889rem;
}
.home-page .special-offer .left li:last-child {
  background-size: 7.60888889rem, 7.25333333rem;
}
.home-page .special-offer .left li .top-right {
  font-size: 0.92444444rem;
  color: #ffffff;
  background: #ff0000;
  position: absolute;
  right: 0;
  top: 0;
  width: 5.22666667rem;
  height: 1.35111111rem;
  text-align: center;
  line-height: 1.35111111rem;
}
.home-page .special-offer .left li .info {
  width: 5.33333333rem;
  padding-left: 0.53333333rem;
  margin-top: 2.66666667rem;
  font-size: 0.92444444rem;
  color: #000;
}
.home-page .special-offer .left li .price {
  padding-left: 0.53333333rem;
  font-size: 0.92444444rem;
  font-size: 0.85333333rem;
  line-height: 3.91111111rem;
  color: #ff0000;
}
.home-page .special-offer .left li .price span {
  font-size: 1.13777778rem;
  text-indent: 0.28444444rem;
}
.home-page .special-offer .right {
  float: right;
  border: 1px solid #959595;
}
.home-page .special-offer .right img {
  width: 12.05333333rem;
  height: 19.91111111rem;
}
.home-page .special-offer .right .info {
  margin-top: 0.35555556rem;
  font-size: 0.92444444rem;
  color: #464646;
  line-height: 1.24444444rem;
}
.home-page .special-offer .right .info span {
  display: inline-block;
  width: 3.91111111rem;
  height: 1.24444444rem;
  line-height: 1.24444444rem;
  background: #f00;
  color: #fff;
  margin-right: 0.53333333rem;
}
.home-page .special-offer .right .price {
  line-height: 1.70666667rem;
  font-size: 0.85333333rem;
  color: #f00;
}
.home-page .special-offer .right .price span {
  font-size: 1.13777778rem;
  text-indent: 0.07111111rem;
}
.proListBox .header {
  height: 3.2rem;
  padding: 0rem 1.99111111rem 0rem 0.78222222rem;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.proListBox .header .back {
  float: left;
  width: 1.06666667rem;
  height: 1.49333333rem;
}
.proListBox .header .search {
  position: relative;
  float: left;
  margin-left: 4.83555556rem;
  width: 13.08444444rem;
  height: 1.63555556rem;
  border: 1px solid #000000;
  border-radius: 0.71111111rem;
}
.proListBox .header .search input {
  width: 11.02222222rem;
  line-height: 1.63555556rem;
  border: none;
  position: absolute;
  left: 0;
  background: none;
  font-size: 0.85333333rem;
  color: #a5a3a3;
  text-indent: 0.35555556rem;
}
.proListBox .header .search button {
  width: 1.99111111rem;
  height: 1.63555556rem;
  border: none;
  position: absolute;
  right: 0;
  background-image: url(../img/pro_search/pro_search_2.png);
  background-size: 1.10222222rem, 1.13777778rem;
  background-color: rgba(0, 0, 0, 0);
  background-repeat: no-repeat;
  background-position: 0.35555556rem, 0.35555556rem;
}
.proListBox .header .shop-car {
  width: 2.13333333rem;
  height: 1.56444444rem;
  float: left;
  margin-left: 1.77777778rem;
}
.proListBox .nav {
  border-bottom: 2px solid #878787;
  border-top: 2px solid #878787;
  line-height: 2.34666667rem;
}
.proListBox .nav a {
  font-size: 1.28rem;
  margin-left: 1.84888889rem;
  margin-right: 1.84888889rem;
  color: #000000;
}
.proListBox .nav a:nth-child(2) {
  margin-left: 5.47555556rem;
  margin-right: 5.47555556rem;
}
.proListBox .search {
  padding-left: 0.78222222rem;
  padding-right: 0.78222222rem;
  border-bottom: 1px solid #878787;
}
.proListBox .search dl {
  overflow: hidden;
  margin-bottom: 1.56444444rem;
  margin-top: 0.71111111rem;
}
.proListBox .search dl dt {
  float: left;
  margin-right: 0.49777778rem;
}
.proListBox .search dl dt a {
  display: block;
  text-align: center;
  color: #6a6a6a;
}
.proListBox .search dl dd {
  float: left;
}
.proListBox .search dl dd a {
  display: block;
  border-radius: 0.71111111rem;
  font-size: 0.99555556rem;
  width: 4.12444444rem;
  text-align: center;
  color: #6a6a6a;
}
.proListBox .search dl dd .on {
  background: #eeeeee;
  color: #00a0e9;
}
.proListBox .search dl:nth-child(1) dd {
  margin-right: 1.13777778rem;
}
.proListBox .search dl:nth-child(1) dd a {
  width: 4.69333333rem;
}
.proListBox .search dl:nth-child(1) dd:last-child {
  margin-right: 0rem;
}
.proListBox .search dl:nth-child(2) dd {
  width: 4.19555556rem;
  margin-right: 0.35555556rem;
}
.proListBox .search dl:nth-child(2) dd:last-child {
  margin-right: 0rem;
}
.proListBox .search dl:nth-child(3) dd {
  margin-right: 0.81777778rem;
}
.proListBox .search dl:nth-child(3) dd a {
  width: 2.98666667rem;
}
.proListBox .search dl:nth-child(3) dd:last-child {
  margin-right: 0rem;
}
.proListBox .pro-list {
  padding-left: 0.78222222rem;
  padding-right: 0.78222222rem;
}
.proListBox .pro-list ul {
  margin-top: 0.71111111rem;
  overflow: hidden;
  margin-bottom: 3.55555556rem;
}
.proListBox .pro-list ul li {
  float: left;
  overflow: hidden;
  margin-bottom: 1.06666667rem;
  width: 12.08888889rem;
}
.proListBox .pro-list ul li a {
  display: block;
}
.proListBox .pro-list ul li a img {
  width: 12.08888889rem;
  height: 11.80444444rem;
  margin-bottom: 0.21333333rem;
}
.proListBox .pro-list ul li a p {
  font-size: 0.85333333rem;
  line-height: 0.99555556rem;
  height: 1.99111111rem;
  color: #000000;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.proListBox .pro-list ul li b {
  display: block;
  float: left;
  font-size: 0.85333333rem;
  color: #ff0000;
  position: relative;
  top: 0.28444444rem;
}
.proListBox .pro-list ul li b s {
  font-size: 1.28rem;
  color: #ff0000;
}
.proListBox .pro-list ul li .buy {
  display: block;
  float: right;
  width: 4.26666667rem;
  font-size: 0.85333333rem;
  line-height: 1.28rem;
  margin-right: 1.06666667rem;
  margin-top: 0.28444444rem;
  color: #ffffff;
  text-align: center;
  background: #ff0000;
}
.proListBox .pro-list ul li:nth-child(2n+1) {
  margin-right: 0.71111111rem;
}
.pro-details .title {
  text-align: center;
  padding-right: 0.78222222rem;
  padding-left: 0.78222222rem;
  line-height: 3.12888889rem;
  font-size: 1.28rem;
  color: #181818;
}
.pro-details .title img {
  font-size: 2.91555556rem;
  width: 1.10222222rem;
  height: 1.49333333rem;
  float: left;
  color: #a0a0a0;
  position: relative;
  top: 0.85333333rem;
}
.pro-details .carousel {
  position: relative;
}
.pro-details .carousel ul li a {
  display: block;
}
.pro-details .carousel ul li a img {
  width: 100%;
  height: 19.55555556rem;
}
.pro-details .carousel ol {
  position: absolute;
  width: 7.11111111rem;
  bottom: 0.28444444rem;
  left: 50%;
  margin-left: -3.55555556rem;
}
.pro-details .carousel ol li {
  display: inline-block;
  margin-right: 0.21333333rem;
  margin-left: 0.21333333rem;
}
.pro-details .carousel ol li a {
  display: block;
  width: 0.85333333rem;
  height: 0.85333333rem;
  border-radius: 50%;
  background: #ffffff;
}
.pro-details .carousel ol li .on {
  background: #13141f;
}
.pro-details .pro-message {
  padding-left: 0.78222222rem;
  padding-bottom: 0.71111111rem;
  padding-right: 0.78222222rem;
  border-bottom: 1px solid #878787;
}
.pro-details .pro-message h2 {
  color: #060606;
  font-size: 1.28rem;
  margin-bottom: 0.64rem;
}
.pro-details .pro-message span {
  font-size: 0.85333333rem;
  margin-bottom: 0.64rem;
  margin-right: 0.78222222rem;
  color: #ff0000;
}
.pro-details .pro-message span b {
  font-size: 1.28rem;
  color: #ff0000;
}
.pro-details .pro-message s {
  font-size: 0.85333333rem;
  color: #ffa3a3;
}
.pro-details .pro-message p {
  font-size: 0.85333333rem;
  margin-top: 0.71111111rem;
  color: #a9a9a9;
  text-decoration: line-through;
}
.pro-details .pro-message .expressage {
  margin-top: 0.71111111rem;
  margin-bottom: 0.92444444rem;
}
.pro-details .pro-message .expressage span {
  width: 10.66666667rem;
  margin-right: 0rem;
  font-size: 0.85333333rem;
  color: #4e4e4e;
}
.pro-details .pro-message .expressage span:nth-child(2) {
  margin-right: 5.33333333rem;
  margin-left: 5.33333333rem;
}
.pro-details .pro-message .discounts a {
  overflow: hidden;
  display: block;
  background: url("../img/pro_details_2.png") no-repeat;
  background-size: 8.46222222rem, 2.34666667rem;
  line-height: 2.41777778rem;
  padding-left: 9.81333333rem;
  font-size: 0.85333333rem;
  color: #000000;
}
.pro-details .pro-message .discounts a span {
  float: right;
  color: #b7b7b7;
  font-size: 1.63555556rem;
  margin-right: 2.27555556rem;
}
.pro-details .pro-message ul {
  overflow: hidden;
  position: relative;
}
.pro-details .pro-message ul li {
  float: left;
  background: url("../img/pro_details_3.png") no-repeat;
  background-size: 1.35111111rem, 1.35111111rem;
  padding-left: 1.56444444rem;
  font-size: 0.85333333rem;
  line-height: 1.35111111rem;
  margin-right: 2.13333333rem;
  color: #4e4e4e;
}
.pro-details .pro-message ul:after {
  content: '>';
  font-size: 2.34666667rem;
  display: block;
  color: #e3e3e3;
  position: absolute;
  left: 20.97777778rem;
  top: -1.06666667rem;
}
.pro-details .pro-show {
  padding-top: 1.42222222rem;
  padding-left: 0.78222222rem;
  padding-right: 0.78222222rem;
}
.pro-details .pro-show h2 {
  border-left: 3px solid #ff0000;
  font-size: 1.28rem;
  color: #060606;
  padding-left: 0.85333333rem;
  line-height: 2.27555556rem;
  margin-bottom: 0.56888889rem;
}
.pro-details .pro-show div {
  margin-bottom: 0.42666667rem;
}
.pro-details .pro-show div img {
  width: 24.88888889rem;
  height: 16.71111111rem;
}
.pro-details .pro-show ul {
  overflow: hidden;
}
.pro-details .pro-show ul li {
  float: left;
  margin-right: 0.28444444rem;
}
.pro-details .pro-show ul li img {
  width: 12.23111111rem;
  height: 12.51555556rem;
}
.pro-details .parameter {
  padding-left: 0.78222222rem;
  padding-right: 0.78222222rem;
  padding-top: 0.35555556rem;
  padding-bottom: 0.71111111rem;
  margin-bottom: 3.55555556rem;
}
.pro-details .parameter ul {
  border-radius: 1.06666667rem;
  margin-bottom: 1.28rem;
  border: 2px solid #444446;
  overflow: hidden;
}
.pro-details .parameter ul li {
  float: left;
  width: 12.08888889rem;
  line-height: 3.84rem;
  font-size: 1.28rem;
  color: #060606;
  text-align: center;
}
.pro-details .parameter ul .on {
  background-color: #88888b;
}
.pro-details .parameter div p {
  font-size: 1.28rem;
  margin-bottom: 1.42222222rem;
  color: #060606;
}
.pro-details .parameter div p span {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.99555556rem;
  width: 16.35555556rem;
  line-height: 1.13777778rem;
  color: #9c9595;
}
.pro-details .footer {
  overflow: hidden;
  position: fixed;
  bottom: -0.03555556rem;
}
.pro-details .footer ul {
  float: left;
  overflow: hidden;
  border-top: 1px solid #707070 ;
}
.pro-details .footer ul li {
  float: left;
  height: 1.49333333rem;
  padding-top: 2.06222222rem;
  font-size: 0.85333333rem;
  width: 6.68444444rem;
  background: url("../img/pro_details_8.png") no-repeat;
  background-size: 1.56444444rem 1.56444444rem;
  background-position: 50% 20%;
  /*.bgp(30,-50);*/
  color: #6a6a6a;
  text-align: center;
  background-color: #ffffff;
}
.pro-details .footer ul li:nth-child(1) {
  width: 5.19111111rem;
  background: url("../img/pro_details_9.png") no-repeat;
  background-size: 1.56444444rem 1.56444444rem;
  background-position: 50% 20%;
  border-right: 1px solid #707070;
  background-color: #ffffff;
}
.pro-details .footer a {
  display: block;
  float: left;
  line-height: 3.55555556rem;
  width: 6.93333333rem;
  color: #ffffff;
  background-color: #ff0000;
  text-align: center;
}
.pro-details .footer a:last-child {
  width: 7.60888889rem;
  background-color: #00a0e9;
}
.cate {
  padding-bottom: 4.62222222rem;
}
.cate .title {
  font-size: 1.28rem;
  background: #ffffff;
  color: #000000;
  text-align: center;
  line-height: 3.2rem;
  width: 100%;
  position: fixed;
  top: 0rem;
}
.cate .nav {
  overflow: hidden;
  display: flex;
  padding: 0rem 0.88888889rem 0rem 0.88888889rem;
  background-color: #ffffff;
  justify-content: space-between;
  height: 2.48888889rem;
  width: 24.88888889rem;
  position: fixed;
  top: 3.2rem;
  border-top: 1px solid #878787;
  border-bottom: 2px solid #e5e5e5;
}
.cate .nav li {
  float: left;
  padding: 0rem 0.85333333rem 0rem 0.85333333rem;
  line-height: 2.48888889rem;
}
.cate .nav .on {
  background: #00a0e9;
  color: #ffffff;
}
.cate .list {
  overflow: hidden;
  margin-top: 5.68888889rem;
  padding: 0rem 0.88888889rem 0rem 0.88888889rem;
}
.cate .list li {
  width: 50%;
  float: left;
  margin-top: 1.06666667rem;
}
.cate .list li:nth-child(2n) .pic {
  overflow: hidden;
}
.cate .list li:nth-child(2n) .pic img {
  float: right;
}
.cate .list li .pic {
  display: block;
  margin: 0 auto;
}
.cate .list li .pic img {
  display: block;
  width: 12.08888889rem;
  height: 8.39111111rem;
}
.cate .list li .text {
  height: 1.99111111rem;
  overflow: hidden;
}
.cate .list li .price {
  display: block;
  width: 50%;
  float: left;
  line-height: 1.99111111rem;
  font-size: 0.85333333rem;
  color: #ff0000;
}
.cate .list li .price b {
  display: inline-block;
  line-height: 1.99111111rem;
  font-size: 1.28rem;
}
.cate .list li .old-price {
  display: block;
  float: left;
  width: 50%;
  line-height: 1.99111111rem;
  font-size: 0.85333333rem;
  color: #afafaf;
  text-decoration: line-through;
}
.cate .list li .old-price s {
  display: inline-block;
  line-height: 1.99111111rem;
  color: #afafaf;
}
.cate .list li .sub-title {
  display: block;
  line-height: 0.99555556rem;
  width: 10.31111111rem;
}
.cate .list li .sub-title h3 {
  font-size: 0.85333333rem;
  color: #000000;
}
.order-page .header {
  width: 26.66666667rem;
  height: 2.48888889rem;
  margin: 0 auto;
  position: fixed;
  background: #ffffff;
  top: 0rem;
}
.order-page .header i {
  font-size: 1.77777778rem;
  color: #6a6a6a;
  display: inline-block;
  vertical-align: middle;
}
.order-page .header h4 {
  font-size: 1.35111111rem;
  display: inline-block;
  vertical-align: middle;
  margin-left: 8.53333333rem;
}
.order-page .contain {
  width: 24.96rem;
  margin: 0 auto;
  padding-top: 2.48888889rem;
}
.order-page .contain .sub-nav {
  display: flex;
  justify-content: space-between;
  position: fixed;
  top: 2.48888889rem;
  width: 24.96rem;
  background: #ffffff;
}
.order-page .contain .sub-nav a {
  text-align: center;
  display: inline-block;
  width: 4.48rem;
  line-height: 2.34666667rem;
  font-size: 0.99555556rem;
}
.order-page .contain .sub-nav .on {
  color: #6bbcef;
}
.order-page .contain .sub-nav .on:after {
  content: '';
  display: block;
  height: 0.07111111rem;
  width: 4.48rem;
  background-color: #00a0e9;
}
.order-page .contain ul {
  padding-top: 2.48888889rem;
}
.order-page .contain ul li {
  margin-bottom: 0.35555556rem;
}
.order-page .contain ul li .content {
  border: 1px solid #aaaaaa;
  padding: 0.71111111rem 0.71111111rem 0.71111111rem 0.71111111rem;
  margin-bottom: 0.71111111rem;
}
.order-page .contain ul li .content img {
  width: 7.46666667rem;
  height: 7.46666667rem;
  display: inline-block;
  vertical-align: top;
}
.order-page .contain ul li .content .info {
  margin-left: 0.71111111rem;
  vertical-align: top;
  width: 14.93333333rem;
  display: inline-block;
}
.order-page .contain ul li .content .info h3 {
  font-size: 1.13777778rem;
  width: 14.93333333rem;
  margin-bottom: 1.06666667rem;
  line-height: 1.42222222rem;
}
.order-page .contain ul li .content .info .brand,
.order-page .contain ul li .content .info .colour {
  margin-bottom: 0.42666667rem;
  display: inline-block;
  font-size: 0.85333333rem;
  color: #969494;
}
.order-page .contain ul li .content .info .brand i,
.order-page .contain ul li .content .info .colour i {
  font-size: 0.85333333rem;
}
.order-page .contain ul li .content .info .colour {
  margin-left: 1.06666667rem;
}
.order-page .contain ul li .content .info .price {
  font-size: 1.13777778rem;
  color: red;
  display: inline-block;
}
.order-page .contain ul li .content .info .number {
  display: inline-block;
  font-size: 0.85333333rem;
  margin-left: 7.11111111rem;
}
.order-page .contain ul li .select {
  text-align: right;
}
.order-page .contain ul li .select button {
  width: 5.33333333rem;
  height: 2.13333333rem;
  font-size: 0.99555556rem;
  border: 1px solid #8f8f8f;
  border-radius: 10px;
  background-color: transparent;
}
.order-page .contain ul li .select .payment {
  border: transparent;
  background-color: #00a0e9;
  margin-left: 2.13333333rem;
}
.confirm_order-page s {
  text-decoration: none;
}
.confirm_order-page .header {
  width: 24.96rem;
  margin: 0 auto;
}
.confirm_order-page .header i {
  font-size: 1.77777778rem;
  color: #6a6a6a;
  display: inline-block;
  vertical-align: middle;
}
.confirm_order-page .header h4 {
  font-size: 1.35111111rem;
  display: inline-block;
  vertical-align: middle;
  margin-left: 8.53333333rem;
}
.confirm_order-page .contain {
  width: 24.96rem;
  margin: 0 auto;
}
.confirm_order-page .contain .details {
  border-top: 2px solid #aaa;
  border-bottom: 1px solid #aaa;
  margin-left: -0.85333333rem;
  margin-right: -0.85333333rem;
}
.confirm_order-page .contain .details .personag {
  font-size: 0.85333333rem;
  line-height: 1.77777778rem;
  margin-left: 1.42222222rem;
  margin-bottom: 0.85333333rem;
}
.confirm_order-page .contain .details .personag i {
  font-size: 0.85333333rem;
}
.confirm_order-page .contain .details .personag span {
  font-size: 0.85333333rem;
  margin-left: 7.11111111rem;
}
.confirm_order-page .contain .details .address {
  line-height: 1.77777778rem;
  font-size: 0.85333333rem;
  margin-left: 1.42222222rem;
}
.confirm_order-page .contain .content {
  border: 1px solid transparent;
  padding: 0.71111111rem 0.71111111rem 0.71111111rem 0.71111111rem;
  margin-bottom: 0.71111111rem;
}
.confirm_order-page .contain .content img {
  width: 7.46666667rem;
  height: 7.46666667rem;
  display: inline-block;
  vertical-align: top;
}
.confirm_order-page .contain .content .info {
  margin-left: 0.71111111rem;
  vertical-align: top;
  width: 14.57777778rem;
  display: inline-block;
}
.confirm_order-page .contain .content .info h3 {
  font-size: 1.13777778rem;
  width: 14.93333333rem;
  margin-bottom: 1.06666667rem;
}
.confirm_order-page .contain .content .info .brand,
.confirm_order-page .contain .content .info .colour {
  margin-bottom: 0.42666667rem;
  display: inline-block;
  font-size: 0.85333333rem;
  color: #969494;
}
.confirm_order-page .contain .content .info .brand i,
.confirm_order-page .contain .content .info .colour i {
  font-size: 0.85333333rem;
}
.confirm_order-page .contain .content .info .colour {
  margin-left: 1.06666667rem;
}
.confirm_order-page .contain .content .info .price {
  font-size: 1.13777778rem;
  color: red;
  display: inline-block;
}
.confirm_order-page .contain .content .info .number {
  display: inline-block;
  font-size: 0.85333333rem;
  margin-left: 7.11111111rem;
}
.confirm_order-page .contain .tab {
  margin-bottom: 1.42222222rem;
  border: 1px solid #aaa;
  display: flex;
  flex-direction: column;
  height: 11.09333333rem;
  justify-content: space-around;
  font-size: 0.85333333rem;
}
.confirm_order-page .contain .tab .item {
  display: flex;
  justify-content: space-between;
}
.confirm_order-page .contain .tab .item div:first-child {
  line-height: 1.77777778rem;
  margin-left: 1.42222222rem;
}
.confirm_order-page .contain .tab span {
  text-align: right;
  vertical-align: middle;
}
.confirm_order-page .contain .tab i {
  font-size: 1.42222222rem;
  vertical-align: middle;
}
.confirm_order-page .contain .tab .message {
  color: #aaa;
}
.confirm_order-page .contain .total {
  text-align: right;
  font-size: 0.85333333rem;
}
.confirm_order-page .contain .total span {
  font-size: 1.13777778rem;
  color: red;
}
.confirm_order-page .contain .balance {
  margin-top: 3.55555556rem;
  text-align: right;
}
.confirm_order-page .contain .balance span {
  font-size: 0.85333333rem;
}
.confirm_order-page .contain .balance span s {
  font-size: 1.13777778rem;
  color: #ff0000;
  font-family: none;
}
.confirm_order-page .contain .balance span i {
  font-size: 0.85333333rem;
}
.confirm_order-page .contain .balance button {
  width: 7.11111111rem;
  height: 3.2rem;
  background-color: red;
  border: transparent;
  color: white;
  font-size: 1.28rem;
}
.shop-cart-page .check input {
  display: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.shop-cart-page .check input[type=checkbox] + i {
  width: 1.42222222rem;
  height: 1.42222222rem;
  float: left;
  border-radius: 50%;
  background-color: #909090;
  background-image: url("../img/icon_check.png");
  background-size: 1.06666667rem 1.06666667rem;
  background-position: center;
  margin-left: 0.49777778rem;
  margin-right: 0.71111111rem;
}
.shop-cart-page .check input[type=checkbox]:checked + i {
  background-color: #ff0000;
}
.shop-cart-page .title {
  height: 3.2rem;
  font-size: 1.35111111rem;
  line-height: 3.2rem;
  color: #181818;
  text-align: center;
  border-bottom: 2px solid #b5b5b5;
}
.shop-cart-page .title .edit {
  font-size: 0.92444444rem;
  color: #8f8f8f;
  float: right;
}
.shop-cart-page .list.container {
  padding-bottom: 7.11111111rem;
}
.shop-cart-page .list .item {
  margin-top: 0.71111111rem;
  margin-bottom: 0.71111111rem;
}
.shop-cart-page .list .item input[type=checkbox] + i {
  margin-top: 3.48444444rem;
}
.shop-cart-page .list .pic {
  width: 6.75555556rem;
  height: 6.75555556rem;
  border-radius: 0.28444444rem;
  float: left;
  margin-right: 1.35111111rem;
}
.shop-cart-page .list .desc {
  height: 6.75555556rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.shop-cart-page .list .desc h3 {
  font-size: 0.92444444rem;
  line-height: 1.13777778rem;
  font-weight: normal;
  color: #434343;
}
.shop-cart-page .list .desc .type {
  font-size: 0.92444444rem;
  color: #8f8f8f;
  display: flex;
  justify-content: space-between;
  padding-right: 1.49333333rem;
}
.shop-cart-page .list .desc .type .del {
  height: 1.63555556rem;
  width: 4.33777778rem;
  text-align: center;
  line-height: 1.63555556rem;
  background-color: #ff0000;
  color: #ffffff;
  position: relative;
  left: 1.49333333rem;
}
.shop-cart-page .list .desc .order {
  font-size: 0.92444444rem;
  display: flex;
  justify-content: flex-start;
  color: #666666;
}
.shop-cart-page .list .desc .order.edit .price {
  text-align: right;
}
.shop-cart-page .list .desc .order div {
  width: 50%;
  text-align: center;
}
.shop-cart-page .list .desc .order button {
  width: 1.49333333rem;
  height: 1.49333333rem;
  float: left;
  border: 1px solid #8f8f8f;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.shop-cart-page .list .desc .order input[type=number] {
  width: 2.13333333rem;
  height: 1.49333333rem;
  float: left;
  text-align: center;
  background-color: #c9c9c9;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
}
.shop-cart-page .list .desc .order .price {
  text-align: left;
  color: #ff0000;
}
.shop-cart-page .list .desc .order .price span {
  font-size: 1.13777778rem;
}
.shop-cart-page .total {
  position: fixed;
  background-color: #ffffff;
  bottom: 3.55555556rem;
  width: 26.66666667rem;
  left: 0rem;
  border-top: 2px solid #b5b5b5;
}
.shop-cart-page .total .left {
  float: left;
  width: 16rem;
  padding: 0rem 0.88888889rem 0rem 0.88888889rem;
  height: 3.2rem;
  display: flex;
  justify-content: space-between;
}
.shop-cart-page .total .check {
  margin-top: 1.13777778rem;
}
.shop-cart-page .total .price {
  padding-top: 0.35555556rem;
  width: 50%;
}
.shop-cart-page .total .price div {
  color: #ff0000;
  font-size: 0.99555556rem;
}
.shop-cart-page .total .price span {
  font-size: 1.13777778rem;
}
.shop-cart-page .total .price p {
  color: #8f8f8f;
  font-size: 0.92444444rem;
}
.shop-cart-page .total .pay {
  float: right;
  width: 8.88888889rem;
  background-color: #ff0000;
  height: 3.2rem;
  font-size: 1.35111111rem;
  line-height: 3.2rem;
  text-align: center;
  color: #ffffff;
}
.bottom-bar {
  height: 3.55555556rem;
  width: 24.88888889rem;
  position: fixed;
  left: 0rem;
  bottom: 0rem;
  display: flex;
  justify-content: space-between;
  background-color: #1a1b2a;
}
.bottom-bar .item {
  width: 3.55555556rem;
}
.bottom-bar img {
  width: 2.48888889rem;
  height: 2.48888889rem;
  margin: 0 auto;
  display: block;
}
.bottom-bar span {
  font-size: 0.78222222rem;
  line-height: 0.78222222rem;
  color: #ffffff;
  display: block;
  height: 1.06666667rem;
  text-align: center;
}
.bottom-bar .on {
  background-color: #00a0e9;
}
.pro_search .header {
  height: 3.2rem;
  padding: 0rem 1.99111111rem 0rem 0.78222222rem;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.pro_search .header .back {
  float: left;
  width: 1.06666667rem;
  height: 1.49333333rem;
}
.pro_search .header .search {
  position: relative;
  float: left;
  margin-left: 4.83555556rem;
  width: 13.08444444rem;
  height: 1.63555556rem;
  border: 1px solid #000000;
  border-radius: 0.71111111rem;
}
.pro_search .header .search input {
  width: 11.02222222rem;
  line-height: 1.63555556rem;
  border: none;
  position: absolute;
  left: 0;
  background: none;
  font-size: 0.85333333rem;
  color: #a5a3a3;
  text-indent: 0.35555556rem;
}
.pro_search .header .search button {
  width: 1.99111111rem;
  height: 1.63555556rem;
  border: none;
  position: absolute;
  right: 0;
  background-image: url(../img/pro_search/pro_search_2.png);
  background-size: 1.10222222rem, 1.13777778rem;
  background-color: rgba(0, 0, 0, 0);
  background-repeat: no-repeat;
  background-position: 0.35555556rem, 0.35555556rem;
}
.pro_search .header .search-btn {
  float: left;
  margin-left: 1.42222222rem;
  font-size: 1.35111111rem;
  color: #252424;
  border: none;
  background: none;
}
.pro_search .history-hot {
  padding: 0rem 1.99111111rem 0rem 0.78222222rem;
  margin-top: 1.42222222rem;
  border-bottom: 1px solid #7d7d7d;
}
.pro_search .history-hot .title {
  font-size: 1.13777778rem;
  color: #3a3939;
  position: relative;
  padding-left: 0.92444444rem;
  margin-bottom: 1.99111111rem;
}
.pro_search .history-hot .title:before {
  content: '';
  display: block;
  width: 0.07111111rem;
  height: 1.42222222rem;
  background: #ff0000;
  position: absolute;
  left: 0;
  top: 0;
}
.pro_search .history-hot .history-text {
  padding-bottom: 1.13777778rem;
  font-size: 1.13777778rem;
  color: #8e8b8b;
  text-align: center;
}
.pro_search .history-hot .list {
  width: 20.62222222rem;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
.pro_search .history-hot .list li {
  min-width: 25%;
  font-size: 0.99555556rem;
  color: #3a3939;
  float: left;
  margin-bottom: 2.48888889rem;
}
.pro_search .hot {
  border-bottom: none;
}
/*
  .history {
    .p(0,56,0,22);
    .mt(40);
  }
  .hot {
    .p(0,56,0,22);
    .mt(80);

  }
}*/
.user .header {
  height: 10.45333333rem;
  background-image: url(../img/user_13.png);
  overflow: hidden;
  background-size: 26.66666667rem, 10.09777778rem;
}
.user .header .set-up {
  float: right;
  margin-top: 0.71111111rem;
  margin-right: 1.49333333rem;
  width: 1.42222222rem;
  height: 1.42222222rem;
}
.user .header .user-pic {
  clear: both;
  display: block;
  margin: 0 auto;
  margin-top: 1.28rem;
  width: 5.68888889rem;
  height: 5.68888889rem;
}
.user .header .name {
  text-align: center;
  margin-top: 0.21333333rem;
}
.user .header .name img {
  display: inline-block;
  vertical-align: middle;
  width: 1.63555556rem;
  height: 1.70666667rem;
}
.user .header .name span {
  vertical-align: middle;
  font-size: 1.13777778rem;
  color: #000000;
}
.user .goods-receipt {
  overflow: hidden;
}
.user .goods-receipt li {
  width: 25%;
  float: left;
  text-align: center;
  padding-top: 0.99555556rem;
  margin-bottom: 0.56888889rem;
}
.user .goods-receipt li img {
  width: 1.63555556rem;
  height: 1.42222222rem;
  margin: 0 auto;
}
.user .goods-receipt li p {
  font-size: 0.85333333rem;
  color: #000000;
  margin-top: 0.71111111rem;
}
.user .our {
  padding: 0rem 0.85333333rem 0rem 0.85333333rem;
}
.user .our li {
  border-bottom: 1px solid #d2d2d2;
  height: 1.92rem;
  padding-left: 0.99555556rem;
  padding-right: 0.99555556rem;
  padding-top: 0.78222222rem;
}
.user .our li img {
  display: inline-block;
  width: 1.77777778rem;
  height: 1.77777778rem;
  vertical-align: middle;
}
.user .our li span {
  font-size: 0.85333333rem;
  color: #000000;
  vertical-align: middle;
  margin-left: 0.35555556rem;
}
.user .our li div {
  float: right;
}
.user .our li div b {
  font-size: 0.85333333rem;
  color: #000000;
  margin-right: 0.21333333rem;
}
.user .our li div i {
  font-size: 0.85333333rem;
  color: #000000;
}
.login-page .header {
  display: flex;
  justify-content: space-between;
}
.login-page .header .back {
  width: 1.10222222rem;
  background-image: url("../img/fanhui.png");
  background-repeat: no-repeat;
  background-position: 0rem 1.42222222rem;
  background-size: 1.10222222rem 1.49333333rem;
}
.login-page .header h5 {
  line-height: 4.26666667rem;
  font-size: 1.35111111rem;
}
.login-page .header .login-register {
  line-height: 4.26666667rem;
  font-size: 1.35111111rem;
  color: #8f8f8f;
}
.login-page .main {
  overflow: hidden;
}
.login-page .main .user {
  position: relative;
}
.login-page .main .user input {
  outline: none;
  width: 16.88888889rem;
  border-radius: 1.42222222rem;
  height: 2.84444444rem;
  padding-left: 7.82222222rem;
  border: 1px solid #929292;
  background-image: url("../img/yonghu.png");
  background-repeat: no-repeat;
  background-size: 1.45777778rem 1.56444444rem;
  background-position: 1.06666667rem 0.71111111rem;
  font-size: 1.35111111rem;
  color: #7d7d7d;
  margin-top: 1.42222222rem;
}
.login-page .main .user span {
  position: absolute;
  top: 2.31111111rem;
  left: 3.55555556rem;
  font-size: 1.35111111rem;
  color: #7d7d7d;
}
.login-page .main .user i {
  position: absolute;
  top: 4.97777778rem;
  left: 3.2rem;
  color: red;
}
.login-page .main .psw {
  position: relative;
}
.login-page .main .psw input {
  outline: none;
  margin-top: 2.66666667rem;
  width: 16.88888889rem;
  border-radius: 1.42222222rem;
  height: 2.84444444rem;
  padding-left: 7.82222222rem;
  border: 1px solid #929292;
  background-image: url("../img/mima.png");
  background-repeat: no-repeat;
  background-size: 1.24444444rem 1.56444444rem;
  background-position: 1.06666667rem 0.71111111rem;
  font-size: 1.35111111rem;
  color: #7d7d7d;
}
.login-page .main .psw span {
  position: absolute;
  top: 3.55555556rem;
  left: 3.55555556rem;
  font-size: 1.35111111rem;
  color: #7d7d7d;
}
.login-page .main .psw i {
  position: absolute;
  top: 5.68888889rem;
  left: 3.2rem;
  color: red;
}
.login-page .main .login {
  font-size: 1.42222222rem;
  color: #ffffff;
  width: 24.71111111rem;
  border-radius: 1.42222222rem;
  height: 2.84444444rem;
  background-color: #ff7800;
  text-align: center;
  line-height: 2.84444444rem;
  margin-top: 2.48888889rem;
  outline: none;
  border: none;
}
.login-page .main a:nth-of-type(1) {
  float: left;
  font-size: 1.13777778rem;
  color: #000000;
  margin-left: 1.06666667rem;
  margin-top: 1.42222222rem;
}
.login-page .main a:nth-of-type(2) {
  float: right;
  margin-right: 1.06666667rem;
  font-size: 1.13777778rem;
  color: #000000;
  margin-top: 1.42222222rem;
}
.login-page .footer {
  overflow: hidden;
  margin-top: 4.62222222rem;
  padding-bottom: 5.33333333rem;
}
.login-page .footer dt {
  font-size: 1.42222222rem;
  color: #7d7d7d;
  text-align: center;
  position: relative;
}
.login-page .footer dt:before,
.login-page .footer dt:after {
  content: '';
  display: block;
  width: 8rem;
  top: 50%;
  margin-top: -0.07111111rem;
  height: 0.14222222rem;
  clear: both;
  position: absolute;
  background-color: #979797;
}
.login-page .footer dt:before {
  left: 0;
}
.login-page .footer dt:after {
  right: 0;
}
.login-page .footer dd {
  float: left;
  margin: 0rem 2.31111111rem 0rem 2.31111111rem;
  margin-top: 2.13333333rem;
}
.login-page .footer dd img {
  width: 3.55555556rem;
  height: 3.55555556rem;
}
.register-page .header {
  display: flex;
  justify-content: space-between;
}
.register-page .header .back {
  width: 1.10222222rem;
  background-image: url("../img/fanhui.png");
  background-repeat: no-repeat;
  background-position: 0rem 1.42222222rem;
  background-size: 1.10222222rem 1.49333333rem;
}
.register-page .header h5 {
  line-height: 4.26666667rem;
  font-size: 1.35111111rem;
}
.register-page .header .login-register {
  line-height: 4.26666667rem;
  font-size: 1.35111111rem;
  color: #8f8f8f;
}
.register-page .main {
  overflow: hidden;
}
.register-page .main .error {
  color: #ff0000;
  position: absolute;
  left: 0rem;
  bottom: -1.77777778rem;
  width: 100%;
  height: 1.06666667rem;
  font-size: 0.85333333rem;
  padding-left: 2.84444444rem;
}
.register-page .main .user {
  position: relative;
}
.register-page .main .user input {
  outline: none;
  width: 15.82222222rem;
  border-radius: 1.42222222rem;
  height: 2.84444444rem;
  padding-left: 8.88888889rem;
  border: 1px solid #929292;
  background-image: url("../img/yonghu.png");
  background-repeat: no-repeat;
  background-size: 1.45777778rem 1.56444444rem;
  background-position: 1.06666667rem 0.71111111rem;
  font-size: 0.85333333rem;
  color: #c5c0c0;
  margin-top: 1.42222222rem;
}
.register-page .main .user span {
  position: absolute;
  top: 2.31111111rem;
  left: 3.55555556rem;
  font-size: 1.35111111rem;
  color: #7d7d7d;
}
.register-page .main .psw {
  position: relative;
}
.register-page .main .psw input {
  outline: none;
  margin-top: 2.66666667rem;
  width: 16.88888889rem;
  border-radius: 1.42222222rem;
  height: 2.84444444rem;
  padding-left: 7.82222222rem;
  border: 1px solid #929292;
  background-image: url("../img/mima.png");
  background-repeat: no-repeat;
  background-size: 1.24444444rem 1.56444444rem;
  background-position: 1.06666667rem 0.71111111rem;
  font-size: 0.85333333rem;
  color: #c5c0c0;
}
.register-page .main .psw span {
  position: absolute;
  top: 3.55555556rem;
  left: 3.55555556rem;
  font-size: 1.35111111rem;
  color: #7d7d7d;
}
.register-page .main .login {
  outline: none;
  border: none;
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
  font-size: 1.42222222rem;
  color: #ffffff;
  width: 24.71111111rem;
  border-radius: 1.42222222rem;
  height: 2.84444444rem;
  background-color: #ff7800;
  text-align: center;
  line-height: 2.84444444rem;
  margin-top: 2.48888889rem;
}
.register-page .main .verification {
  position: relative;
  margin-top: 3.02222222rem;
}
.register-page .main .verification input {
  outline: none;
  font-size: 0.85333333rem;
  color: #c5c0c0;
  width: 9.95555556rem;
  height: 2.84444444rem;
  border-radius: 1.42222222rem;
  padding-left: 3.2rem;
  border: 1px solid #888888;
}
.register-page .main .verification s {
  vertical-align: middle;
  text-align: center;
  display: inline-block;
  width: 11.2rem;
  line-height: 2.84444444rem;
  border-radius: 1.42222222rem;
  font-size: 1.35111111rem;
  color: #7d7d7d;
  background-color: #b8b7b7;
}
.register-page .main .agreement {
  overflow: hidden;
  margin-top: 2.48888889rem;
}
.register-page .main .agreement input {
  margin-left: 1.42222222rem;
  vertical-align: middle;
  width: 1.42222222rem;
  height: 1.42222222rem;
}
.register-page .main .agreement span {
  vertical-align: middle;
  font-size: 0.85333333rem;
  color: #c5c0c0;
}
.register-page .footer {
  overflow: hidden;
  margin-top: 4.62222222rem;
  padding-bottom: 5.33333333rem;
}
.register-page .footer dt {
  font-size: 1.42222222rem;
  color: #7d7d7d;
  text-align: center;
  position: relative;
}
.register-page .footer dt:before,
.register-page .footer dt:after {
  content: '';
  display: block;
  width: 8rem;
  top: 50%;
  margin-top: -0.07111111rem;
  height: 0.14222222rem;
  clear: both;
  position: absolute;
  background-color: #979797;
}
.register-page .footer dt:before {
  left: 0;
}
.register-page .footer dt:after {
  right: 0;
}
.register-page .footer dd {
  float: left;
  margin: 0rem 2.31111111rem 0rem 2.31111111rem;
  margin-top: 2.13333333rem;
}
.register-page .footer dd img {
  width: 3.55555556rem;
  height: 3.55555556rem;
}
.pay-success .title {
  height: 3.2rem;
  font-size: 1.28rem;
  line-height: 3.2rem;
  color: #181818;
  text-align: center;
  position: relative;
}
.pay-success .title h3 {
  width: 24.88888889rem;
}
.pay-success .title span {
  font-size: 1.13777778rem;
  color: #625f5f;
  float: right;
  position: absolute;
  top: 0rem;
  right: 0.71111111rem;
  height: 3.2rem;
}
.pay-success .title .icon {
  position: absolute;
  float: left;
  width: 1.10222222rem;
  height: 1.49333333rem;
  left: 0rem;
  top: 0.71111111rem;
  background-image: url("../img/icon_payf_l.png");
  background-size: 1.10222222rem 1.49333333rem;
}
.pay-success .status {
  text-align: center;
  padding-top: 1.56444444rem;
}
.pay-success .status img {
  width: 6.57777778rem;
  height: 6.57777778rem;
  margin-bottom: 0.88888889rem;
}
.pay-success .status h3 {
  color: #00a0e9;
  font-size: 1.13777778rem;
}
.pay-success .status h4 {
  color: #ff0000;
  font-size: 1.42222222rem;
  margin-top: 0.88888889rem;
  margin-bottom: 0.88888889rem;
}
.pay-success .status p {
  font-size: 1.13777778rem;
  color: #272828;
  text-decoration: line-through;
}
.pay-success .link {
  padding-top: 1.49333333rem;
  padding-bottom: 1.28rem;
  display: flex;
  justify-content: space-around;
}
.pay-success .link div {
  width: 8.60444444rem;
  height: 2.34666667rem;
  font-size: 1.13777778rem;
  color: #ffffff;
  line-height: 2.34666667rem;
  text-align: center;
  border-radius: 0.28444444rem;
}
.pay-success .link div.shop {
  background-color: #00a0e9;
}
.pay-success .link div.list {
  background-color: #a84200;
}
.pay-success .pay-details {
  height: 4.83555556rem;
  border-top: 2px solid #d4d4d4;
  border-bottom: 2px solid #d4d4d4;
  font-size: 1.13777778rem;
  color: #716d6d;
  line-height: 2.13333333rem;
}
.pay-success .pay-details h5 {
  padding-left: 3.02222222rem;
}
.pay-success .pay-details p {
  padding-left: 3.02222222rem;
}
.pay-success .pay-details p i {
  font-style: normal;
  padding-left: 2.56rem;
}
.pay-failure .title {
  height: 3.2rem;
  font-size: 1.28rem;
  line-height: 3.2rem;
  color: #181818;
  text-align: center;
  position: relative;
}
.pay-failure .title h3 {
  width: 24.88888889rem;
}
.pay-failure .title span {
  font-size: 1.13777778rem;
  color: #625f5f;
  float: right;
  position: absolute;
  top: 0rem;
  right: 0.71111111rem;
  height: 3.2rem;
}
.pay-failure .title .icon {
  position: absolute;
  float: left;
  width: 1.10222222rem;
  height: 1.49333333rem;
  left: 0rem;
  top: 0.71111111rem;
  background-image: url("../img/icon_payf_l.png");
  background-size: 1.10222222rem 1.49333333rem;
}
.pay-failure .status {
  text-align: center;
  padding-top: 1.56444444rem;
}
.pay-failure .status img {
  width: 6.57777778rem;
  height: 6.57777778rem;
  margin-bottom: 0.88888889rem;
}
.pay-failure .status h3 {
  color: #6a6a6a;
  font-size: 1.13777778rem;
}
.pay-failure .status h4 {
  color: #ff0000;
  font-size: 1.35111111rem;
  margin-top: 0.88888889rem;
  margin-bottom: 0.88888889rem;
}
.pay-failure .status p {
  font-size: 1.13777778rem;
  color: #272828;
  text-decoration: line-through;
}
.pay-failure .link {
  padding-top: 1.49333333rem;
  padding-bottom: 1.28rem;
  display: flex;
  justify-content: space-around;
}
.pay-failure .link div {
  width: 8.60444444rem;
  height: 2.34666667rem;
  font-size: 1.13777778rem;
  color: #ffffff;
  line-height: 2.34666667rem;
  text-align: center;
  border-radius: 0.28444444rem;
}
.pay-failure .link div.pay-a {
  background-color: #ff0000;
}
.pay-failure .link div.list {
  background-color: #a84200;
}
.pay-page s {
  text-decoration: none;
}
.pay-page .header {
  width: 24.96rem;
  margin: 0 auto;
}
.pay-page .header i {
  font-size: 1.77777778rem;
  color: #6a6a6a;
  display: inline-block;
  vertical-align: middle;
}
.pay-page .header h4 {
  font-size: 1.35111111rem;
  display: inline-block;
  vertical-align: middle;
  margin-left: 9.6rem;
}
.pay-page .contain {
  width: 24.96rem;
  margin: 0 auto;
}
.pay-page .contain .info {
  margin-top: 1.06666667rem;
}
.pay-page .contain .info .item {
  font-size: 0.99555556rem;
  line-height: 1.77777778rem;
}
.pay-page .contain .info .item s {
  color: red;
}
.pay-page .contain .order-form {
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  display: flex;
  line-height: 2.48888889rem;
  justify-content: space-between;
}
.pay-page .contain .pay-way div:first-child {
  line-height: 2.13333333rem;
}
.pay-page .contain .pay-way .item {
  display: flex;
  justify-content: space-between;
}
.pay-page .contain .pay-way .item div:last-child {
  vertical-align: bottom;
  font-size: 1.42222222rem;
}
.pay-page .contain .pay-way .item span {
  width: 4.90666667rem;
  height: 1.42222222rem;
  background-color: red;
  color: white;
}
.pay-page .contain .payment {
  margin-bottom: 2.13333333rem;
}
.pay-page .contain .payment .item {
  line-height: 2.84444444rem;
  border-bottom: 1px solid #aaa;
  display: flex;
  justify-content: space-between;
  vertical-align: middle;
}
.pay-page .contain .payment .item:first-child {
  border-top: 1px solid #aaa;
}
.pay-page .contain .payment input {
  display: none;
}
.pay-page .contain .payment i {
  vertical-align: middle;
  border: 1px solid #aaa;
  width: 1.42222222rem;
  height: 1.42222222rem;
  display: inline-block;
  border-radius: 50%;
  background-image: url("../../src/img/gou.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.06666667rem, 0.78222222rem;
}
.pay-page .contain .payment input[type=radio] + i {
  background-position: 3.91111111rem, 0rem;
}
.pay-page .contain .payment input[type=radio]:checked + i {
  background-position: center;
  border: 1px solid #55cff4;
}
.pay-page .contain button {
  width: 24.96rem;
  font-size: 1.35111111rem;
  line-height: 3.05777778rem;
  text-align: center;
  background-color: red;
  color: white;
  border: transparent;
}
